@charset 'UTF-8';blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0
}

ol,ul {
    padding: 0;
    list-style: none
}

a {
    text-decoration: none;
    color: inherit;
    outline: 0;
}

a[href]:active,button:active {
    background-image: -webkit-linear-gradient(to top,rgba(0,0,0,.05),rgba(0,0,0,.05));
    background-image: linear-gradient(to top,rgba(0,0,0,.05),rgba(0,0,0,.05))
}

body.iphone a[href]:active,body.iphone button:active {
    background-image: none
}

em {
    font-style: normal
}

h1,h2,h3,h4,h5,h6,input,select,textarea {
  font-size: 100%;
	font-weight: 500;
}

input,select,textarea {
	font-family: inherit;
	box-sizing: border-box
}
input {
  line-height: normal;
  border: none;
  outline: none;
	background: transparent;
}

img {
    display: inline-block
}

p {
    word-break: break-all
}

* {
  box-sizing: border-box;
}
.el-dialog__body {
  padding: 15px;
}
.video-wrap {
  /* width: 1000px; */
  margin: 20px auto;
}

.play-btn-group-wrap {
  margin-bottom: 20px;
  text-align: center;
}
.video-wrap .video-player-wrap {
  position: relative;
  border: 2px solid #fff;
}
.video-close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 12px;
  background-color: hsla(0,0%,50%,.5);
  padding: 2px 5px;
  cursor: pointer;
  border-radius: 2px;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.device-search-wrap {
  margin-bottom: 10px;
}
.search-item {
  display: inline-block;
}
.qr-code-wrap {
  width: 200px;
  height: 200px;
  margin: 50px auto;
}
@media only screen and (max-width: 768px) {
  .video-wrap .video-player-wrap {
    width: 100%;
  }
}
@media only screen and (min-width: 1000px) {
  .video-wrap {
    width: 1000px;
  }
}